<template>
  <a-card :bordered="false" :bodyStyle="{padding:'24px 0px 24px 0px'}">
    <div class="table-page-search-wrapper">
      <a-tabs default-active-key="myTask" tabPosition="left" @change="tabChange">
        <a-tab-pane key="myTask">
          <span slot="tab">
            <a-icon type="user" />
            待办事项
          </span>
          <my-task ref="myTask"></my-task>
        </a-tab-pane>
        <a-tab-pane key="historyTask">
          <span slot="tab">
            <a-icon type="clock-circle" />
            审批记录
          </span>
          <history-task ref="historyTask"></history-task>
        </a-tab-pane>
      </a-tabs>
    </div>
  </a-card>
</template>
<script>
import myTask from './components/myTask'
// import teamTask from './components/teamTask'
import historyTask from './components/historyTask'
export default {
  name: 'MyTaskList',
  components: {
    myTask,
    // teamTask,
    historyTask
  },
  data() {
    return {
      url: {
        list: '/activiti/task/getMyTaskList'
      }
    }
  },
  methods: {
    tabChange(activeKey) {
      this.$refs[activeKey] && this.$refs[activeKey].loadData()
    }
  }
}
</script>
<style scoped>

</style>
